<div id="inner">
    <div id="page">
        <form method="POST" class="contenedor">
            <div id="tabs">
                <ul>
                    <li><a href="#piscinas">1. Piscinas </a></li>
                    <li><a href="#externalizacion">2. Externalización de servicios </a></li>
                    <li><a href="#construccion">3. Construcción </a></li>
                    <li><a href="#consultoria">4. Consultoria</a></li>
                    <li><a href="#espacios">5. Gestión de espacios deportivos</a></li>
                </ul>
                <div id="piscinas">
                    <div class="servicio">
                        <input type="checkbox" name="cbSocorrismo"> Servicio de socorrismo acuático</input>
                        <div class="contenido-servicio">
                            <input type="text" name="tbHorasSocorrismo" size="3" maxlength="3" /> horas/dia <div class="textoError" id="errorHorasSocorrismo"><img src="/images/icons/delete.png" height="20px" /></div>
                            <br/>
                            <label for="from">Desde   </label>
                            <input type="text" id="from" name="from" />
                            <label for="to">  Hasta   </label>
                            <input type="text" id="to" name="to" />
                        </div>
                    </div>
                    <div class="servicio">
                        <input type="checkbox" name="cbMantenimiento" />   Servicio de mantenimiento integral de piscina
                        <div class="contenido-servicio">
                            <input type="radio" name="rbTamanoPiscina" value="150m3" checked="true"  /> De 0 a 150 m3<br/>
                            <input type="radio" name="rbTamanoPiscina" value="250m3"  /> De 150m3 a 250m3<br/>
                            <input type="radio" name="rbTamanoPiscina" value="500m3"  /> De 250m3 a 500m3<br/>
                            <input type="radio" name="rbTamanoPiscina" value="olimpica"  /> Piscina semiolímpica<br/>
                        </div></div>

                    <div class="servicio">
                        <input type="checkbox" name="cbApertura" />   Tramitación de apertura de piscina. <br/>
                    </div>

                    <div class="servicio">
                        <input type="checkbox" name="cbAnalitica" />   Analitica de aguas.
                    </div>

                    <div class="servicio">
                        <input type="checkbox" name="cbDesinfeccion" /> Certificado de desinfección.
                    </div>

                </div>

                <div id="externalizacion">
                    <div class="servicio">
                        <input type="checkbox" name="cbSocorrismo"> Conserjeria </input>
                        <div class="contenido-servicio">
                            <input type="text" name="tbHorasConsejeria" size="3" maxlength="3" /> horas/semana
                        </div>
                    </div>

                    <div class="servicio">
                        <input type="checkbox" name="cbLimpieza"> Limpieza </input>
                        <div class="contenido-servicio">
                            <div class="subseccion">
                                <input type="checkbox" name="cbLimpiezaManual" /> Limpieza manual.
                                <div class="contenido-subseccion"><input type="text" name="tbHorasConsejeria" size="3" maxlength="3" /> horas/semana </div>
                            </div>
                            <div class="subseccion">
                                <input type="checkbox" name="cbLimpiezaManual" /> Pulimiento de suelos.
                                <div class="contenido-subseccion"><input type="text" name="tbMetrosPulimineto" size="3" maxlength="3" /> m2 </div>
                            </div>
                        </div>
                    </div>

                    <div class="servicio">
                        <input type="checkbox" name="cbLimpieza"> Servicios deportivos (especificar) </input>
                        <div class="contenido-servicio">
                            <textarea rows="20" cols="77" name="otros" maxlength="3000" name="taOtros"></textarea>
                        </div>
                    </div>

                    <div class="servicio">
                        <input type="checkbox" name="cbLimpieza"> Otros servicios </input>
                        <div class="contenido-servicio">
                            <textarea rows="20" cols="77" name="otros" maxlength="3000" name="taOtros"></textarea>
                        </div>
                    </div>
                </div>
                <div id="construccion">
                    <div class="servicio">
                        <input type="checkbox" name="cbLimpieza"> Piscinas </input>
                        <div class="contenido-servicio">
                            <div class="subseccion">
                                <input type="checkbox" name="cbLimpiezaManual" /> Nueva piscina
                                <div class="contenido-subseccion">
                                    Dimensiones: <input type="text" name="tbHorasConsejeria" size="3" maxlength="3" /> x <input type="text" name="tbHorasConsejeria" size="3" maxlength="3" /> x <input type="text" name="tbHorasConsejeria" size="3" maxlength="3" /> (altura x anchura x profundidad)
                                </div>
                            </div>
                            <div class="subseccion">
                                <input type="checkbox" name="cbLimpiezaManual" /> Rehabilitación piscinas
                                <div class="contenido-subseccion">
                                    <input type="checkbox" name="cbLimpieza" id="cbLimpieza" value="" />
                                    <label for="cbLimpieza">Lechada</label><br/>
                                    <input type="checkbox" name="cbLimpieza" id="cbLimpieza" value="Pintura" />
                                    <label for="cbLimpieza">Pintura</label><br/>
                                    <input type="text" name="tbMetrosPulimineto" size="3" maxlength="3" /> m2 
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="servicio">
                        <input type="checkbox" name="cbLimpieza"> Pistas de padel </input>
                        <div class="contenido-servicio">
                            <input type="text" name="tbHorasConsejeria" size="3" maxlength="3" /> pistas<br/>
                            Otros<br/>
                            <textarea rows="20" cols="77" name="otros" maxlength="3000" name="taOtros"></textarea>
                        </div> 

                    </div>
                    
                    <div class="servicio">
                        Información adicional
                        <div>
                            <textarea rows="20" cols="77" name="otros" maxlength="3000" name="taOtros"></textarea>
                        </div> 

                    </div>
                </div>
                <div id="consultoria">
                    <div class="servicio">
                        <input type="checkbox" name="cbApertura" /> Informe estado piscina C.Madrid 80/98. <br/>
                    </div>

                    <div class="servicio">
                        <input type="checkbox" name="cbAnalitica" /> Informe estado piscina Otras comunidades.
                    </div>

                    <div class="servicio">
                        <input type="checkbox" name="cbDesinfeccion" /> Recursos Humanos.
                    </div>
                    
                    <div class="servicio">
                        <input type="checkbox" name="cbDesinfeccion" /> Servicios.
                    </div>
                    
                    <div class="servicio">
                        Otros (especificar)
                        <div>
                            <textarea rows="20" cols="77" name="otros" maxlength="3000" name="taOtros"></textarea>
                        </div>
                    </div>
                </div>
                <div id="espacios">
                    
                    <div class="servicio">
                        <input type="checkbox" name="cbLimpieza"> Como operador de la instalación en regimen de alquiler</input>
                        <div class="contenido-servicio">
                            Especificar<br/>
                            <textarea rows="20" cols="77" name="otros" maxlength="3000" name="taOtros"></textarea>
                        </div>
                    </div>
                    
                    <div class="servicio">
                        <input type="checkbox" name="cbLimpieza"> Alquiler de una zona de la instalación</input>
                        <div class="contenido-servicio">
                            <input type="checkbox" name="cbDesinfeccion" /> Piscina.<br/>
                            <input type="checkbox" name="cbDesinfeccion" /> Pistas de padel.<br/>
                            <input type="checkbox" name="cbDesinfeccion" /> Otros.<br/>
                            Especificaciones<br/>
                            <textarea rows="20" cols="77" name="otros" maxlength="3000" name="taOtros"></textarea>
                        </div> 

                    </div>
                </div>
            </div>
            
            <div id="infoContacto">
                <div>&nbsp;</div>
                <h3>Información de la instación</h3>
                <div class="contenedorInfo" style="height: 50px;">
                    <div style="float: left;">
                        <div><span>Dirección</span><span class="asterico">*</span></div>
                        <div><span>Código postal</span></div>
                    </div>
                    <div style="float: right;">
                        <div><input type="text" name="" size="40" maxlength="100" /></div>
                        <div><input type="text" name="" size="5" maxlength="5" /></div>
                    </div>
                    <div>&nbsp;</div>
                </div>
                <div>&nbsp;</div>
                <h3>Información del contacto</h3>
                <div class="contenedorInfo" style="height: 150px;">
                    <div style="float: left;">
                        <div><span>Nombre</span></div>
                        <div><span>Apellidos</span></div>
                        <div><span>Telefono de contacto</span></div>
                        <div><span>Email</span></div>
                        <div><span>Horario contacto</span></div>
                        <div><span>Dirección</span></div>
                    </div>
                    <div style="float: right;">
                        <div><input type="text" name="" size="40" maxlength="100" /></div>
                        <div><input type="text" name="" size="40" maxlength="100" /></div>
                        <div><input type="text" name="" size="40" maxlength="100" /></div>
                        <div><input type="text" name="" size="40" maxlength="100" /></div>
                        <div><input type="text" name="" size="40" maxlength="100" /></div>
                        <div><input type="text" name="" size="40" maxlength="100" /></div>
                    </div>
                </div>
                <div>&nbsp;</div>
                <div><span>Los campos indicados </span></div>  
            </div>
            
            <div>&nbsp;</div>
            
            <div id="botonFinalizar" onclick="infoContacto();"><span>Finalizar</span></div>
            <div id="botonEnviar" ><span>Enviar</span></div>

            <div id="erroresDialog" title="Advertencia"></div>
        </form>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function()
    {
        iniciarPresupuestos();

    });
</script>




<!--<div class="contenido_presentacion">
<p>
¡Hola! Vamos a crear tu presupuesto. Utiliza las flechas situadas en la esquina inferior derecha del bocadillo con la que podras navegar entre los servicios que ofrecemos y crear tu presupuesto absolutamente personalizado.
</p>
</div>
<div class="seccion-presupuesto">
<h3>Gestión de piscinas</h3>
<div class="servicio">
<input type="checkbox" name="cbSocorrismo"> Servicio de socorrismo acuático</input>
<div class="contenido-servicio">
<input type="text" name="tbHorasSocorrismo" size="3" maxlength="3" /> horas/semana <div class="textoError" id="errorHorasSocorrismo"><img src="/images/icons/delete.png" height="20px" /></div> 
</div>
</div>
<div class="servicio">
<input type="checkbox" name="cbMantenimiento" />   Servicio de mantenimiento integral de piscina
<div class="contenido-servicio">
<input type="radio" name="rbTamanoPiscina" value="150m3" checked="true"  /> De 0 a 150 m3<br/>
<input type="radio" name="rbTamanoPiscina" value="250m3"  /> De 150m3 a 250m3<br/>
<input type="radio" name="rbTamanoPiscina" value="500m3"  /> De 250m3 a 500m3<br/>
<input type="radio" name="rbTamanoPiscina" value="olimpica"  /> Piscina semiolímpica<br/>
</div></div>

<div class="servicio">
<input type="checkbox" name="cbApertura" <?php if (isset($vApertura) && $vApertura == 'on') echo 'value = "checked"'; ?>/>   Servicio de apertura de piscina <br/>
<div class="contenido-servicio">

<input type="radio" name="rbIvernada" value="si" checked="true"  /> Piscina invernada<br/>
<input type="radio" name="rbIvernada" value="no" /> Piscina no invernada<br/>

</div></div>

<div class="servicio">
<input type="checkbox" name="cbDesinfeccion" />   Servicio de Desinfectacion (DDD)
</div>

<div class="servicio">
<input type="checkbox" name="cbAnalitica" />   Analiticas de aguas
</div>

<div class="servicio">
<input type="checkbox" name="cbTramitacion" />   Tramitacion apertura piscinas
</div>
</div>

<div class="seccion-presupuesto">
<h3>Construccion</h3>
<div class="servicio">
<input type="checkbox" name="cbInforme" />    Informe estado piscina comunidad de Madrid
<div class="contenido-servicio">
<input type="radio" name="rbInformeMadrid" value="si" checked="true" /> Madrid<br/>
<input type="radio" name="rbInformeMadrid" value="no" /> Otras comunidades<br/>
</div>
</div>

<div class="servicio">
<input type="checkbox" name="cbReparacion" />    Trabajos de reparación Piscina (vaso/playa y sala de maquinas)
<div class="contenido-servicio">
Pintura del vaso de la piscina: <input type="text" name="tbTamanoVasoPintura" size="5" maxlength="5"> m<sup>3</sup><br />
Lechada piscina: <input type="text" name="tbTamanoVasoLechada" size="5" maxlength="5"> m<sup>3</sup><br />
<input type="checkbox" name="cbInstalacionDosif" /> Instalación dosificador semi-automático o automatico
</div>
</div>              
</div>

<div class="seccion-presupuesto">
<h3>Otros Servicios</h3>
<div class="servicio">
<span style="font-weight:normal">Por favor, indiquenos qué servicios necesita:</span>

<textarea rows="20" cols="77" name="otros" maxlength="3000" name="taOtros"></textarea>
</div>
</div>
<div class="seccion-presupuesto">
<h3>Información personal</h3>
</div>
<div class="contenedorFlechas">
<a href="#" id="flechaIzq" onclick="cambiarSeccion(-1);"><img src="/images/presupuesto/flecha2.jpg" /><a/><a href="#" id="flechaDcha" onclick="cambiarSeccion(1);"><img src="/images/presupuesto/flecha1.jpg" /><a/></div>

<div id="erroresDialog" title="Advertencia"></div>            




-->